.flex-row {
	display: flex;
	flex-direction: row;
}

.justify-center {
	justify-content: center;
}

.align-center {
	align-items: center;
}

.align-center {
	align-items: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-end {
	justify-content: flex-end;
}

.font-bold {
	font-weight: bold;
}

.font-20 {
	font-size: 20rpx;
}

.font-26 {
	font-size: 26rpx;
}

.font-28 {
	font-size: 28rpx;
}

.font-30 {
	font-size: 30rpx;
}

.font-32 {
	font-size: 32rpx;
}

.colorBlue {
	color: #3E8BFC;
}

.colorInfo {
	color: #c6c8c7;
}

.colorWhite {
	color: #FFFFFF;
}

.colorGray {
	color: #757575;
}

.colorGreen {
	color: #4cd964;
}

.colorRed {
	color: #eb4e38;
}

.colorF40 {
	color: #f40000;
}

.bg-white {
	background: #FFFFFF;
}

.bg-gray {
	background: #efefef;
}

.bg-blue {
	background: #3E8BFC;
}

.bg-dark {
	background: #0D008A;
}

.border-radius {
	border-radius: 12rpx;
}

.margin-22 {
	margin: 22rpx;
}

.mb20 {
	margin-bottom: 20upx;
}

.mb10 {
	margin-bottom: 10upx;
}

.margin-top-22 {
	margin-top: 22rpx;
}

.margin-top-16 {
	margin-top: 16rpx;
}

.margin-left-4 {
	margin-left: 4rpx;
}

.margin-left-10 {
	margin-left: 10rpx;
}

.margin-left-16 {
	margin-left: 16rpx;
}

.padding-24 {
	padding: 24rpx;
}

.padding-22 {
	padding: 22rpx;
}

.padding-22-0 {
	padding: 22rpx 0;
}

.padding-20 {
	padding: 20rpx;
}

.padding-top-20 {
	padding-top: 10rpx;
}


.border-radius {
	border-radius: 12rpx;
}

.image-size-80 {
	width: 80rpx;
	height: 80rpx;
}

.sub-nav-title {
	padding: 18rpx 24rpx 18rpx;
	font-weight: 600;
}

.sub-nav-under-line {
	/* position: relative; */
	border-bottom: 2rpx solid #ddd;
	line-height: 4rpx;
	/* transform: scaleY(0.5); */
}